
import QtQuick 2.12
import QtQuick.Layouts 1.3


Item{
    id:root
    width: 520
    height: 156
    Image {
        id: name
        anchors.fill: parent
        source: "component/back.png"
        //opacity: 0.6
    }

    ColumnLayout {
        anchors.fill: parent
        spacing: 0

        IconInput{
            id:input
            Layout.fillWidth: true
            Layout.preferredHeight: 68
            inputFocus: true
            enabled: true
            placeholderText: qsTr("User Name")
            picSrc: "./component/user.png"
            onTabPressed:{
                input.inputFocus = false
            }
            onInputTextChanged:{
                passwd.text = ""
            }
        }

        Item{
            Layout.fillWidth: true
            Layout.fillHeight: true
            Rectangle{
                anchors.verticalCenter: parent.verticalCenter
                height: 1
                width: parent.width
                //color: "teal"
            }
        }

        IconInput{
            id:passwd
            Layout.fillWidth: true
            Layout.preferredHeight: 68
            inputFocus: !input.inputFocus
            enabled: true
            placeholderText: qsTr("Password")
            picSrc: "./component/passwd.png"
            onTabPressed:{
                input.inputFocus = true
            }
            onInputTextChanged:{
                //passwd.text = ""
            }
        }


    }

}

